<template>
  <router-view />
  <FooterTabBar v-show="footTabBarShow"></FooterTabBar>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import FooterTabBar from './components/FooterTabBar.vue'
import $Bus from './tool/eventBus'

// EventBus mitt
const footTabBarShow = ref<boolean>(true)

$Bus.on('tabBarContral', (status) => {
  footTabBarShow.value = status as boolean;
})

</script>

<style lang="scss">
// 导入公共基础样式 css
@import url('./assets/css/reset.css');
</style>